<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <style type="text/css">
        div.img {
            margin: 2px;
            border: 1px solid #0000ff;
            height:auto;
            width:auto;
            float:left;
            text-align:center;
        }

        div.img img {
            display:inline;
            margin: 3px;
            border: 1px solid #ff0000;
        }

        div.img a:hover img {
            border: 1px solid #00ff00;
        }

        div.desc {
            text-align:center;
            font-weight:normal;
            width: 120px;
            margin: 2px;
        }

    </style>
	<title>image gallery</title>
</head>
<body>
    <div class="img">
    	<a href="klematis_big.htm" target="_blank" ><img src="klematis_small.jpg" alt="klematis" width="107" height="90" /></a>
        <div class="desc">Here the description of the image here</div>
    </div>
    <!--
    <div class="img">
    	<img src="klematis2_small.jpg" alt="klematis" />
        <div class="desc">hello</div>
    </div>
    -->
    <div class="img">
    	<a href="klematis2_big.htm" target="_blank" ><img src="klematis2_small.jpg" alt="Klematis" width="116" height="90" /></a>
        <div class="desc">Here the description of the image here</div>
    </div>
    <div class="img">
    	<a href="klematis3_big.htm" target="_blank" ><img src="klematis3_small.jpg" alt="Klematis" width="116" height="90" /></a>
        <div class="desc">Here the description of the image here</div>
    </div>
    <div class="img">
    	<a href="klematis4_big.htm" target="_blank" ><img src="klematis4_small.jpg" alt="Klematis" width="120" height="90" /></a>
        <div class="desc">Here the description of the image here</div>
    </div>

</body>
</html>
